<%--
  Created by IntelliJ IDEA.
  User: cyc
  Date: 2021/9/29
  Time: 9:17
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>易买网 - 首页</title>
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css" />
    <script type="text/javascript" src="${pageContext.request.contextPath}/scripts/function.js"></script>
</head>
<body>
<div id="header" class="wrap">
    <div id="logo"><img src="${pageContext.request.contextPath}/images/logo.gif" /></div>
    <div class="help">
        <c:if test="${sessionScope.user!=null}"><a href="shopping.jsp" id="shoppingBag" class="shopping">购物车${sessionScope.shopList.size()}件</a></c:if>
        <c:if test="${sessionScope.user==null}"><a href="login.jsp">登录</a></c:if>
        <c:if test="${sessionScope.user!=null}"> <span style="color: red">${user.username}你好</span> </c:if>
        <a class="button" id="logout" href="LoginOutServlet">注销</a><a href="register.jsp">注册</a>
        <a href="guestbook.jsp">留言</a>
        <a href="manage/index.html">后台管理</a>
    </div>
    <div class="navbar">
        <ul class="clearfix">
            <li class="current"><a href="${pageContext.request.contextPath}/index.jsp">首页</a></li>
            <li><a href="#">图书</a></li>
            <li><a href="#">百货</a></li>
            <li><a href="#">品牌</a></li>
            <li><a href="#">促销</a></li>
        </ul>
    </div>
</div>
<div id="childNav">
    <div class="wrap">
        <ul class="clearfix">
            <li class="first"><a href="#">音乐</a></li>
            <li><a href="#">影视</a></li>
            <li><a href="#">少儿</a></li>
            <li><a href="#">动漫</a></li>
            <li><a href="#">小说</a></li>
            <li><a href="#">外语</a></li>
            <li><a href="#">数码相机</a></li>
            <li><a href="#">笔记本</a></li>
            <li><a href="#">羽绒服</a></li>
            <li><a href="#">秋冬靴</a></li>
            <li><a href="#">运动鞋</a></li>
            <li><a href="#">美容护肤</a></li>
            <li><a href="#">家纺用品</a></li>
            <li><a href="#">婴幼奶粉</a></li>
            <li><a href="#">饰品</a></li>
            <li class="last"><a href="#">Investor Relations</a></li>
        </ul>
    </div>
</div>
<div id="position" class="wrap">
    您现在的位置：<a href="index.jsp">易买网</a> &gt; <a href="product-list.html">图书音像</a> &gt; 图书
</div>
<div id="main" class="wrap">
    <div class="lefter" style="overflow: auto;height: 850px">
        <div class="box">
            <h2>商品分类</h2>
            <dl id="category" >


            </dl>
        </div>
    </div>
    <div id="product" class="main">
        <h1>${product.name}</h1>
        <div class="infos">
            <div class="thumb"><img src="${pageContext.request.contextPath}/images/product/${product.filename}" width="110" height="106" /></div>
            <div class="buy">
                商城价：<span class="price">￥${product.price}</span><br />
                库　存：
                <c:if test="${product.stock>0}">有货</c:if>
                <c:if test="${product.stock==0}">无货</c:if>
                <div class="button"><input type="button" name="button" value="" onclick="location.href = '${pageContext.request.contextPath}/cart/get'" /><a href="javascript:void(0)" ref="${product.id}" id="cart">放入购物车</a></div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="introduce">
            <h2><strong>商品详情</strong></h2>
            <div class="text">
                ${product.name} <br />
                    ${product.description}<br />
            </div>
        </div>
    </div>
    <div class="clear"></div>
</div>
<div id="footer">
    Copyright &copy; 2013 北大青鸟 All Rights Reserved. 京ICP证1000001号
</div>
</body>

<script src="${pageContext.request.contextPath}/scripts/jquery-1.8.3.js"></script>
<script>
    $(function (){

        $("#cart").click(function (){
            var id=$(this).attr("ref");
            var data={"id":id,"num":1};
            $.post("${pageContext.request.contextPath}/cart/add",data,function (res){
                alert(res.msg);
            },"json");

        });


        //左侧分类列表
        $.post("${pageContext.request.contextPath}/category/all",{},function (res){
            var cate="";
            for (i in res){
                if (res[i].parentid==0){
                    cate+="<dt>"+ res[i].name+"</dt>";
                    for (j in res){
                        if (res[j].parentid==res[i].id){
                            cate+="<dd><a class='cate' href=${pageContext.request.contextPath}/product/select?cateId="+res[i].id+">"+res[i].name+"</a></dd>";

                            for (x in res){
                                if (res[x].parentid==res[j].id){
                                    cate+="<dd><a class='cate' href=${pageContext.request.contextPath}/product/select?cateId="+res[j].id+">"+res[x].name+"</a></dd>";
                                }
                            }

                        }
                    }
                }
            }
            $("#category").html(cate);
        },"json");


    })
</script>
</html>
